<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>百度一下，你就知道</title>
        <link type="text/css" rel="stylesheet" href="css/baidu.css" />
    </head>
    <body>
            <!--导航条 靠着右边-->
            <div class="nav right">
                <ul class="level gray333 bold">
                    <li><a href="#">新闻</a></li>
                    <li><a href="#">hao123</a></li>
                    <li><a href="#">地图</a></li>
                    <li><a href="#">视频</a></li>
                    <li><a href="#">贴吧</a></li>
                    <li><a href="#" class="delbold">登录</a></li>
                    <li><a href="#" class="delbold">设置</a></li>
                    <li><button>更多产品</button></li>
                </ul>
            </div>
            <!--导航条结束-->
            <!--内容区域 要居中显示内容 logo 和 search查询框区域-->
            <div class="content center clear">
                <img class="logo content_center" src="baidu_img/bd_logo1.png" alt="logo" />
                <form class="Search content_center" action="#" method="post">
                    <input type="text"/><button>百度一下</button>
                </form>
            </div>
            <!--footer页脚-->
            <div class="footer center">
                <p>
                    <a class="" href="#">把百度设置为主页</a>
                    <a href="#">关于百度</a>
                    <a href="#">About Baidu</a>
                </p>
                <span>&copy;2014  Baidu <a href="#">使用百度前必读</a> 京ICP证030173号 <i class="icon"></i></span>
            </div>
    </body>
</html>